html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height:1em;
color: black;
background: white;
font-family: Tahoma, Verdana, Sans-Serif;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

td.mixed {
    text-align: center;
}

td.number {
    text-align: right;
    }

div.form h1 {
    font-size: 150%;
    font-weight: bold;
    margin: 0px 0px 30px;
}

div.body {
    padding: 50px;
}

center tt {
    font-family : Courier New, monospace;
    font-size: 80%;
}

.text {
    font-size:12px; 
    color:#404040;
}

div#hello {
    text-align: right;
    padding: 10px 10px 10px 0;
}

div.login {
    text-align: center;
}

div.login form {
    display: inline;
    width: 500px;
}

div.login form div.form {
    display: block;
    text-align: left;
    width: 500px;
    padding: 15px;
    border: 2px solid #b7ddf2;
    background-color: #ebf4fb;
}

div.login div.form label {
    float: left;
    font-size: 90%;
    width: 140px;
    margin-top: 8px;
}

div.login div.form input {
   font-size:0.8em;
   padding:4px 2px;
   border:solid 1px #aacfe4;
   width:200px;
   margin:2px 0 10px 10px;
}

div.login div.form input.button {
    clear: both;
    margin-left:150px;
    width:125px;
    height:30px;
    background:#666;
    text-align:center;
    color:#fff;
    border:0px solid #aacfe4;
}

div#content {
    padding: 0px 20px 0px;
}

div#content h1 {
    font-size: 24px;
    font-weight: bold;
    margin: 10px 0px 20px 0px;
}

div#content a.simple {
    text-decoration: underline;
    color: blue;
}

#content form {
    display: inline;
}

div.form {
    display: block;
    text-align: left;
    padding: 10px;
    border: 2px solid #b7ddf2;
    background-color: #fff;
}

#content div.filter_form {
    display: block;
    text-align: left;
    padding: 10px;
    border: 2px solid #b7ddf2;
    background-color: #fff;
}

#content div.filter_form h3 {
    margin: 5px 0px 10px 0px;
}

#content div.filter_form label {
    font-size: 70%;
    width: 50px;
    margin-top:2px;
    display: block;
    float: left;
}



#content div.filter_form input[type=text] {
   font-size:0.7em;
   padding:2px 2px;
   border:solid 1px #aacfe4;
   width:150px;
   margin:2px 0 10px 10px;
   float: left;
}

#content div.filter_form input[type=checkbox] {
   font-size:0.7em;
   float: left;
   
}

#content div.filter_form label.checkbox {
    float: none;
    display: block;
    width: 80%;
    margin-top: 0px;
}

#content div.filter_form select  {
   font-size:0.7em;
   padding:2px 2px;
   border:solid 1px #aacfe4;
   width:260px;
   margin:2px 0 10px 10px;
}



div.form h2 {
    margin: 5px 0px 10px 0px;
}

div.form label {
    font-size: 70%;
    width: 140px;
    margin-top:2px;
    display: block;
    float: left;
}

div.form input[type=text], div.form input[type=password], div.form input[type=file] {
   font-size:0.7em;
   padding:2px 2px;
   border:solid 1px #aacfe4;
   width:260px;
   margin:2px 0 10px 10px;
   
}

div.form table.form td input[type=text] {
    width: 95%;
}

div.form table.form td iframe.editor {
    width: 95%;
    margin: 2px 0px 10px 10px;
    border:solid 1px #aacfe4;
}

div.form input.error {
    border:solid 1px red;
    background-image: url('/backend/img/exclamation.png');
    background-repeat: no-repeat;
    background-position: right;
    background-color: #FFAAAA;
    color: white;
}

div.form input[type=checkbox] {
   font-size:0.7em;
   float: left;
   
}

div.form label.checkbox {
    float: none;
    display: block;
    width: 80%;
    margin-top: 0px;
}

div.form select  {
   font-size:0.7em;
   padding:2px 2px;
   border:solid 1px #aacfe4;
   width:260px;
   margin:2px 0 10px 10px;
}

div.form textarea {
   font-size:0.8em;
   padding:2px 2px;
   border:solid 1px #aacfe4;
   width:260px;
   margin:2px 0 10px 10px;
}

div.form table.form textarea {
   width:95%
}

div.form div.buttonpanel {
    margin-top: 10px;
    text-align: right;
    clear: both;
}

div.form input[type=submit] {
    font-size:0.7em;
    clear: both;
    width:120px;
    height:25px;
    line-height: 25px;
    #background:#666;
    text-align:center;
    color:#000;
    border:solid 1px #aacfe4;
}

div.form fieldset {
    border: 1px solid #aacfe4;
    padding: 5px;
}

div.form p {
    margin-bottom: 10px;
    font-size: 12px;
}

div.form ul {
    list-style-type: decimal;
    list-style-position: inside;
    font-size: 12px;
}


div.form fieldset legend {
    font-size: 12px;
    padding: 5px;
    color: #44797d;
    font-weight: bold;
}

#content table{
    width: 100%;
}

#content table td {
    vertical-align: top;
}

#content table td#leftpanel {
    width: 300px;
    border: 1px solid #aacfe4;
}

#content table td#leftpanel .header {
    height: 24px;
    background-image: url('/backend/img/bg-header.gif');
    background-repeat: repeat-x;
    font-size: 12px;
    color: white;
    padding: 3px;
    font-weight: bold;
}

#content table td#leftpanel #leftpaneldiv {
    overflow: hidden;
}

#content table td#leftpanel #leftpaneldata {
    font-size: 12px;
    padding: 5px;
}

#content table td#leftpanel a#hidePanel {
    background-image: url('/backend/img/bg-header.gif');
    background-repeat: repeat-x;
    float: right;
    display: block;
    padding: 4px 4px 5px 4px;
}


#content table td.spacer {
    width: 25px;
}

div#actionmessage {
    padding: 0px 0px 0px 37px;
    margin: 5px;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: left middle;
}

div#actionmessage.success {
    background-image: url('/backend/img/am_success.png');
    border: 1px solid green;
    background-color: #AAFFAA;
    color: green;
}

div#actionmessage.error {
    background-image: url('/backend/img/am_error.png');
    border: 1px solid red;
    background-color: #FFAAAA;
    color: red;
}

div#actionmessage.info {
    background-image: url('/backend/img/am_info.png');
    border: 1px solid blue;
    background-color: #AAAAFF;
    color: blue;
}

a, a:hover, a:active, a:visited {
    text-decoration: none;
    color: black;
}

div.operation { margin-top: 10px; }

div.operation a {
    font-size: 12px;
    font-weight: bold;
    background-position: left middle;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 18px;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    display: block;
    float: right;
    margin-right: 10px;
}

div.operation a.add {
    background-image: url('/backend/img/add.png');
}

div.operation a.accept {
    background-image: url('/backend/img/accept.png');
}

div.operation a.delete {
    background-image: url('/backend/img/delete.png');
}

div.operation a.page_edit {
    background-image: url('/backend/img/page_edit.png');
}

div.operation a.page_go {
    background-image: url('/backend/img/page_go.png');
}

div.operation a.page_delete {
    background-image: url('/backend/img/page_delete.png');
}

div.operation a.content_edit {
    background-image: url('/backend/img/application_form_edit.png');
}

div.operation a.left {
    background-image: url('/backend/img/arrow_left.png');
    line-height: 14px;
}


a img { border: 0; }

div.table_body {
    margin-top: 20px;
}

div.table_body table {
    border-collapse: collapse;
    width: 100%;
}

div.table_body table th, div.table_body table td {
    border: 1px solid #b7ddf2;
}

div.table_body table th {
    text-align: center;
    font-weight: bold;
    padding: 5px;
    background-color: #ebf4fb;
} 

div.table_body table td {
    padding: 2px;
    vertical-align: middle;
}


img#contentblocker {
    background-attachment:fixed;
    background-color:transparent;
    background-image:url(/backend/img/wait.gif);
    background-position:50% 50%;
    background-repeat:no-repeat;
    left:0px;
    position:absolute;
    top:0px;
}

div.paging * {
    display: block;
    float: left;
    width: 18px;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    text-align: center;
    font-size: 70%;
    margin: 5px;
}

div.paging span {
    font-weight: bold;
    color: #7399ae;
    background-color: #ebf4fb;
}

div.paging span.sep {
    font-weight: bold;
    color: #7399ae;
    background-color: #ffffff;
}

div.paging a {
    font-weight: bold;
    color: #7399ae;
    text-decoration: underline;
}


.popupContainer { 
    position: absolute;
    z-index: 10001;
    background-color: #FFFFFF;
    border: 1px solid #b7ddf2;
}

.popupContainer .popupTitle {
    height: 24px;
    background-image: url('/backend/img/bg-header.gif');
    background-repeat: repeat-x;
    font-size: 12px;
    color: white;
    padding: 3px 10px;
    font-weight: bold;
}

.popupContainer .contentPanel {
    padding: 5px 10px;
}

.popupContainer .buttonPanel {
    height: 40px;
    background-color: transparent;
    border: 0px solid red;
    padding-top: 16px;
}

.popupContainer .buttonPanel .button {
    height: 24px;
    background-image: url('/backend/img/bg-header.gif');
    background-repeat: repeat-x;
    border: none;
    width: 150px;
    float: right;
    margin-right: 20px;
    font-weight: bold;
    color: white;
    font-size: 12px;
}

img#windowblocker {
    left:0px;
    position:absolute;
    top:0px;
    z-index: 10001;
}


#content table#page_conent td {padding: 10px;}

#content table#page_conent td#left_zone div {
    border: 1px solid #b7ddf2;
    background-color: #ebf4fb;
    width: 140px;
    height: 50px;
    line-height: 2em;
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 5px;
    display: block;
    cursor: move;
}

#content table#page_conent td div.drop_zone {
    margin: 2px;
    padding: 5px;
    overflow: auto;
}
#content table#page_conent td div#page_zone {
    border: 1px solid #b7ddf2;
}

div.vertical {
    text-align: center;
    border: 1px solid blue;
    background-color: #EEF;
}

div.horizontal {
    border: 1px solid green;
    background-color: #EFE;
}

div#page_zone div.horizontal div {
    float: left;
}

#content table#page_conent td div#page_zone {
    height: 420px;
    margin: 10px 0px 0px 0px;
}

div.horizontal div.module {
    float: left;
}

div.drop_zone div.module {
    margin: 2px;
    background-color: #FEE;
}

div.drop_zone div.new {
    border: 1px solid red;
}

div.drop_zone div.current {
    border: 1px solid darkred;
}


input.flat, textarea.flat, select.flat  {
   font-size:0.7em;
   padding:2px 2px;
   border:solid 1px #aacfe4;
   width:260px;
   margin:2px 0 10px 10px;
}

span.important {
    color: red;
}

.quote:before, .quote:after {
    content: "\"";
}

#page_path a, #page_path b {
    font-size: 12px;
}

#page_path a {
    cursor: pointer;
    color: blue;
    text-decoration: underline;
}

#page_path span.delim {
     font-size: 12px;
}
#page_path span.delim:before, #page_path span.delim:after {
    content: " ";
}

img.dateselector {
    border: none;
    margin: 3px 0px 0px 2px; 
    float: left;
    display: block;
    left: -19px;
}

img.dateselector_clear {
    border: none;
    margin: 3px 0px 0px 2px; 
    float: left;
    display: block;
    left: -20px;
}

div.popup_content {
    font-size: 12px;
}

div.popup_content a {
    color: #aacfe4;
    text-decoration: underline;
}

#metatags a {
    font-size: 12px;
    color: #aacfe4;
    text-decoration: underline;
}

#leftpaneldata ul#sortables {
    list-style-image: none;   
}

#leftpaneldata ul#sortables li {
    display: block;
    cursor: move;	
}

#leftpaneldata ul#sortables ul li {
    margin-left: 20px;
}

#leftpaneldata div.selected {
	font-weight: bold;
}

div.tabbox {

}

div.tabbox ul.tabs {
    list-style-type: none;
    list-style-image: none;
    position: relative;
}

div.tabbox ul.tabs li {
    display: block;
    float: left;
    width: 200px;
    text-align: center;
    background-color: #ebf4fb;
    border: 1px solid #b7ddf2;
    line-height: 30px;
    height: 30px;
    vertical-align: middle;
    cursor: hand;
    cursor: pointer;
    font-size: 12px;
}

div.tabbox div#tabcontent {
    border: 1px solid #b7ddf2; 
    top: -1px; 
    position: relative;
    z-index: 0;
    padding: 5px;`
}

div.tabbox ul.tabs li.selected {
    background-color: white;
    border-bottom: 1px solid white;
    font-weight: bold;
}

table#page_conent td {padding: 10px;}

table#page_conent td#left_zone div {
    border: 1px solid #b7ddf2;
    background-color: #ebf4fb;
    width: 140px;
    height: 50px;
    line-height: 2em;
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 5px;
//    display: block;
    cursor: move;
}

table#page_conent td div.drop_zone {
    margin: 2px;
    padding: 5px;
    overflow: auto;
}
table#page_conent td div#page_zone {
    border: 1px solid #b7ddf2;
}

div.vertical {
    text-align: center;
    border: 1px solid blue;
    background-color: #EEF;
}

div.horizontal {
    border: 1px solid green;
    background-color: #EFE;
}

div#page_zone div.horizontal div {
    float: left;
}

table#page_conent td div#page_zone {
    height: 420px;
    margin: 10px 0px 0px 0px;
}

div.horizontal div.module {
    float: left;
}

div.drop_zone div.module {
    margin: 2px;
    background-color: #FEE;
}

div.drop_zone div.new {
    border: 1px solid red;
}

div.drop_zone div.current {
    border: 1px solid darkred;
}

input.flat, textarea.flat, select.flat  {
   font-size:0.6em;
   padding:2px 2px;
   border:solid 1px #aacfe4;
   width:260px;
   margin:2px 0 10px 10px;
}

span.important {
    color: red;
}

.quote:before, .quote:after {
    content: "\"";
}

div#page_path a, #page_path b {
    font-size: 12px;
}

div#page_path a {
	cursor: pointer;
	color: blue;
	text-decoration: underline;
}

div#page_path span.delim {
	 font-size: 12px;
}
div#page_path span.delim:before, #page_path span.delim:after {
    content: " ";
}

